/* GLOBAL STYLES
-------------------------------------------------- */
html, body {
  letter-spacing: @letter-spacing;
}

body {
  // margin-top: 50px;
}

main {
  min-height: 80vh;
  // padding: 20px 60px 135px 60px;
  // padding: 20px 0 135px
  background-color: @body-bg;
}

.container-main {
  box-sizing: content-box;
  padding: 20px 60px 20px 60px;

  @media only screen and (max-width: @screen-sm-max) {
    padding: 20px;
  }
}

.container-grid {
  position: relative;
  z-index: 100;
  box-sizing: content-box;
  padding: 20px 55px 20px 55px;

  &.search {
    padding-right: 40px;
  }

  @media only screen and (max-width: @screen-sm-max) {
    padding: 20px 12px 20px 12px;

    &.search {
      padding-right: 12px;
    }
  }
}

/* Fix for hidden modals */
.modal-dialog {
  z-index: 9999;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media only screen and (max-width: @screen-sm-max) {
  body {
    font-size: @font-size-small;
  }
  h1 {
    font-size: floor((@font-size-base * 2.15));
  }
  h2 {
    font-size: floor((@font-size-base * 1.7));
  }
}


/* Special fix for bootstrap modal see: https://github.com/twbs/bootstrap/issues/9855 */
body.modal-open {
  margin-right: 0px !important;
}

.editable-error-block {
    max-width: 100% !important;
    font-size: @font-size-base;
    float: left;

}
/* Inline error block */
.error-block {
  margin: 5px 0;
  padding-left: 30px;
  color: #b94a48;
}

h1 {
  font-family : @headings-font-family-h1;
  color: @headings-color-h1;
  font-weight: @headings-font-weight-h1;
}

h2 {
  font-family : @headings-font-family-h2;
  color: @headings-color-h2;
  font-weight: @headings-font-weight-h2;
}

h3 {
  font-family : @headings-font-family-h3;
  color: @headings-color-h3;
  font-weight: @headings-font-weight-h3;
}

a {
  cursor: pointer;
  &:focus, &:hover {
    text-decoration: none;
  }
}

// Truncate and add an ellipsis when text extends
// beyond the bounds of its parent container
.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
